/* 默认亮色主题 */
:root {
    /*悬浮框*/
    --toolbar-bg-color: #f2f6fc !important;

    /*主题字体颜色*/
    --title-color: linear-gradient(90deg, #a6b9e9,#d5deeb, #a9c2e9) !important;

    /*主背景*/
    --title-bg-color: linear-gradient(10deg,
    transparent 0%,
    rgb(16, 10, 94) 0%,
    rgba(30, 64, 175) 50%,
    rgb(20, 28, 105) 100%,
    transparent 100%) !important;
    --main-bg-color: transparent !important;
    --sub-plate-bg-color: #f2f6fc !important;

    /*二级菜单*/
    --se-title-bg-color: #f2f6fc !important;
    --se-main-bg-color: #f2f6fc !important;
    --se-sub-plate-bg-color: #f2f6fc !important;

    --box-shadow: #000000 !important;
    --modal-divide: rgb(127, 127, 127) !important; /*模块分割线*/
    --modal-main-border-color: #40a9ff !important; /*模块边框颜色*/

    /*按钮*/
    --btn-color: #ffffff !important;
    --btn-hover-color: #246cdb !important;
    --btn-click-color: #246cdb !important;
    --btn-shadow-color: #ffffff !important;
    --btn-border: #000000 !important;
    --btn-disabled-color: rgba(255,255,255,0.5) !important;

    /*表格*/
    --table-header-bg-color: #e2e9f0 !important;
    --table-body-bg-color: #f2f6fc !important;
    --table-solid: #000000 !important;

    /*输入框*/
    --input-background: #f2f6fc !important;
    --input-shadow-color: rgb(00, 00, 00) !important;
    --input-border-color: rgb(170, 170, 170) !important;
    --input-disable-bg: rgb(128, 128, 128) !important; /*禁用背景色*/

    /*勾选框*/
    --ant-checkbox-inner: #f2f6fc !important;
    --ant-checkbox-inner-hover: #246cdb !important;
    --ant-checkbox-checked: #246cdb !important;
    --ant-checkbox-shadow: rgba(30, 64, 175, 0.21) !important;

    /*文本颜色*/
    --error-color: #f5222d !important;
    --text-color: #000000 !important;

    /*下拉框*/
    --select-background: #f2f6fc;
    --select-dropdown-bg: #f2f6fc;
    --select-shadow-color: rgb(00, 00, 00) !important;
    --select-border-color: rgb(170, 170, 170) !important;

    /*主界面分割线*/
    --main-border-color: linear-gradient(to bottom,
    transparent 0%,
    rgba(56, 189, 248, 0.3) 50%,
    transparent 100%);
    /*loading样式*/
    --loading-bg-color: rgb(220, 225, 230, 0.5) !important;
    /* 公共变量 */

    /*文本框预设文字*/
    --preview-text-color: rgb(127, 127, 127) !important;

    /*公共类暂时没用的，用的提前面*/
    --success-color: #52c41a !important; /* 成功色 */
    --warning-color: #faad14 !important; /* 警告色 */
    --font-size-base: 18px !important; /* 主字号 */
    --font-size-big: 20px !important; /* modal 标题 */
    --font-size-small: 16px !important; /* modal 内容 */
    --edit-background-color: rgb(255, 204, 0) !important;

    --global-color-green: #6ccc2d !important;
    --global-color-gray: #ccd2dd !important;
    --global-color-white: #ffffff !important;
    --global-color-black: #000000 !important;
    --global-color-modify: #ffcc00 !important;

    --disabled-color: #94969a !important; /* 失效色 */
    --border-color-base: var(--text-color); /* 边框色 */

    /*--main-bg-color: #f2f6fc !important;*/
    --heading-color: #000000 !important; /* 标题色 */
    --text-color-secondary: #000000 !important; /* 次文本色 */
    --input-table-tab-bg: #f2f6fc;

    /*滚动条颜色*/
    --webkit-track-color: #94969a !important;/*轨道颜色*/
    --webkit-thumb-color:  #96c1f1!important;/*滑块颜色*/
    --webkit-thumb-hover-color: #246cdb !important;

    --tooltip-bg: var(--menu-dark-bg);
    --tooltip-text: var(--text-color);
    --menu-dark-text-bg: #c0c4cc !important;

    --menu-dark-bg: rgb(25, 25, 25) !important;
    --menu-slider: rgb(25, 25, 25) !important;

}

/* 暗色主题覆盖 */
[dark-mode="true"] {
    /*悬浮框*/
    --toolbar-bg-color: rgb(51, 51, 51) !important;
    /*主题字体颜色*/
    --title-color: #ffffff !important;

    /*主界面背景*/
    --title-bg-color: rgb(51, 51, 51) !important;
    --main-bg-color: rgb(25,25,25) !important;
    --sub-plate-bg-color: rgb(31,31,31) !important;
    /*--plate-sub-plate-bg-color: rgb(43,43,43) !important;*/

    /*二级界面*/
    --se-title-bg-color: rgb(102,102,102) !important;
    --se-main-bg-color: rgb(43,43,43) !important;
    --se-sub-plate-bg-color: rgb(60,60,60) !important;
    --box-shadow: #ffffff !important;

    /*按钮*/
    --btn-color: rgb(51, 51, 51) !important;
    --btn-hover-color: rgb(85, 85, 85) !important;
    --btn-click-color: rgb(25, 25, 25) !important;
    --btn-shadow-color: rgb(85, 85, 85) !important;
    --btn-border: rgb(127, 127, 127) !important;

    /*表格*/
    --table-header-bg-color: rgb(72, 72, 72) !important;
    --table-body-bg-color: rgb(51,51,51) !important;
    --table-solid: rgb(121, 121, 121) !important;

    /*输入框*/
    --input-background: rgb(43, 43, 43) !important;
    --input-shadow-color: inset 0 0 5px rgb(00, 00, 00) !important;
    --input-border-color: rgb(170, 170, 170) !important;
    --input-text-color: rgb(127, 127, 127) !important;
    --input-disable-bg: rgb(128, 128, 128) !important; /*禁用背景色*/

    /*勾选框*/
    --ant-checkbox-inner: rgb(121, 121, 121) !important;
    --ant-checkbox-inner-hover: rgba(128, 255, 255, 0.21) !important;
    --ant-checkbox-checked: rgba(128, 255, 255, 0.61) !important;
    --ant-checkbox-shadow: 0 0 0 2px rgba(128,255,255,0.21) !important;

    /*文本颜色*/
    --error-color: #ff00ff !important;
    --text-color: #ffffff !important;

    /*下拉框*/
    --select-background: var(--menu-dark-bg) !important;
    --select-dropdown-bg: var(--menu-dark-bg) !important;
    --select-shadow-color: inset 0 0 5px rgb(00, 00, 00) !important;
    --select-border-color: rgb(170, 170, 170) !important;

    /*滚动条颜色*/
    --webkit-track-color: rgb(42,42,42) !important;/*轨道颜色*/
    --webkit-thumb-color: rgb(117,117,117) !important;/*滑块颜色*/
    --webkit-thumb-hover-color: rgb(193,193,193) !important;

    /*主界面分割线*/
    --main-border-color: linear-gradient(to bottom,
    transparent 0%,
    #ffffff 50%,
    transparent 100%);

    /*loading样式*/
    --loading-bg-color: rgb(0, 0, 0, 0.5) !important;

    /*模态框*/
    --modal-main-border-color: rgb(170, 170, 170) !important;/*模块边框颜色*/

    /*文本框预设文字*/
    --preview-text-color: rgb(202, 202, 202) !important;
}